<div class="usBox">
    <nav class="portrait" @click="$router.push({path:'/information'})">
        <dl>
            <dt class="fl"><img class="portraitImg" :src="user_photo" /></dt>
            <dd class="fl">
                <p class="portraitName">{{user_info.user_name}}</p>
                <p class="portraitPhone">{{user_info.mobile_phone}}</p>
            </dd>
        </dl>
    </nav>
    <ul>
        <li class="rel" @click="$router.push({path:'/wallet'})">
            <aside class="myWallet listImg">我的钱包</aside>
            <span class="balance">{{user_info.recharge}}元</span>
        </li>
        <li @click="$router.push({path:'/myTrip'})">
            <aside class="bicycle listImg">我的行程</aside>
        </li>
        <li @click="$router.push({path:'/credit'})">
            <aside class="credit listImg">我的信用分</aside>
        </li>
    </ul>
    <ul>
        <li @click="$router.push({path:'/invite'})">
            <aside class="fenx listImg">邀请好友</aside>
        </li>
        <li @click="$router.push({path:'/guide'})">
            <aside class="guide listImg">用户指南</aside>
        </li>
    </ul>
    <ul>
        <li style="background: none;" @click="logOut()">
            <aside class="setting listImg">清除缓存</aside>
        </li>
    </ul>
</div>